<script>
import { mapState } from "vuex";

export default {
    data(){
        return {
            stateNum:5
        }
    },
    // computed:mapState({
    //     // 箭头函数,可以对vuex的中属性进行重命名
    //     countAlias:state => state.count,
    //     // 键值对，也可以对vuex中的属性进行重命名，但是值必须是vuex中的属性
    //     indexAlias:"index",
    //     // 想要是用this局部的状态的话，必须是一个函数
    //     handeleStateNum(state){
    //         return this.stateNum + state.age;
    //     }
    // })
    computed:mapState(["count","index","age"])
}
</script>

<template>
    <!-- <h2>countAlias:{{countAlias}}</h2>
    <h2>indexAlias:{{indexAlias}}</h2>
    <h2>handeleStateNum:{{handeleStateNum}}</h2> -->
    <h2>count:{{count}}</h2>
    <h2>index:{{index}}</h2>
    <h2>age:{{age}}</h2>
</template>

